1 00:00:00,660 --> 00:00:02,620 Hello and welcome to this. 2 00:00:02,610 --> 00:00:04,290 Let's show this picture. 3 00:00:04,290 --> 00:00:09,420 We are going to add some success for our. 4 00:00:09,420 --> 00:00:14,310 To begin let's create a new file some going to click on file. 5 00:00:14,470 --> 00:00:18,100 You are going to see it. 6 00:00:18,240 --> 00:00:20,720 This is here so far. 7 00:00:20,730 --> 00:00:25,180 So call it a loan calculator. 8 00:00:25,300 --> 00:00:29,250 Dr. Sears sets. 9 00:00:30,740 --> 00:00:36,980 I'm just going to use lower case and the drop down here. 10 00:00:37,020 --> 00:00:44,130 Make sure you look for this here says formats and clicks see saw this father here. 11 00:00:44,140 --> 00:00:45,240 He's now csx. 12 00:00:45,240 --> 00:00:46,340 You can see here. 13 00:00:46,530 --> 00:00:54,690 So any cord ad here will be says because this is not really his success cause some not going to spend 14 00:00:54,690 --> 00:01:00,620 too much time on these he says part of things already staged. 15 00:01:00,630 --> 00:01:02,800 I'm just going to add that in. 16 00:01:02,820 --> 00:01:04,400 So this is a CSA. 17 00:01:04,410 --> 00:01:14,410 I'm just going to quickly run through that is when we created hastier mail these hash R or I.D. Okay. 18 00:01:14,490 --> 00:01:19,120 So we give I.D. here I.D. these are all attributes. 19 00:01:19,350 --> 00:01:25,510 So inside my CEO says I am targeting all these I.D. values here. 20 00:01:25,770 --> 00:01:26,400 Okay. 21 00:01:26,640 --> 00:01:36,300 So for let alone car here which is if we are going to which is this deep here is the actual deed itself 22 00:01:36,880 --> 00:01:40,020 the deed is called loan car. 23 00:01:40,530 --> 00:01:44,550 So I'm giving it a week and wrapping it round. 24 00:01:44,760 --> 00:01:51,300 This is a with pixels the height the background colour or the colour of his text. 25 00:01:51,420 --> 00:01:59,730 The margin from the left basically create in some space from the left margin from the top moving some 26 00:01:59,730 --> 00:02:06,290 spaces from the top of it down padding refers to the space inside the div. 27 00:02:06,290 --> 00:02:13,200 So these are all the values on the right and the our tool properties are on the left. 28 00:02:13,200 --> 00:02:16,000 This is the variable. 29 00:02:16,330 --> 00:02:22,610 Sorry the I.D. is full of months giving it the width of that height of that. 30 00:02:23,060 --> 00:02:25,810 Again this is the idea for a mount. 31 00:02:26,070 --> 00:02:29,140 So these are just like csx. 32 00:02:29,260 --> 00:02:29,990 All right. 33 00:02:30,030 --> 00:02:31,820 Margin left. 34 00:02:32,110 --> 00:02:34,400 And this is the head in tack. 35 00:02:34,550 --> 00:02:39,200 I'm giving the head tag font size of 40 pixels. 36 00:02:39,400 --> 00:02:42,640 So I'm going to save that and click save all. 37 00:02:43,500 --> 00:02:46,970 So this is what the application looks like if I refresh it. 38 00:02:47,190 --> 00:02:50,650 We should see this is the new look. 39 00:02:50,800 --> 00:02:56,640 Alright so I'm just going to just to a quick one here. 40 00:02:56,650 --> 00:03:06,900 So I do a five hundred dollar loan and I'm paying over 10 months tells me this is what I need to pay 41 00:03:07,200 --> 00:03:08,580 every month. 42 00:03:09,780 --> 00:03:17,550 So we've got the application work came as design until this can come in quite useful even in your day 43 00:03:17,550 --> 00:03:23,930 to day if you've got a mortgage payment you want to cut it or you're planning to take out loans. 44 00:03:23,940 --> 00:03:27,470 There's a couple little can be so that's it for this project. 45 00:03:27,480 --> 00:03:28,600 Thank you for watching. 46 00:03:28,640 --> 00:03:29,680 And bye for now.